<template>
    <div class="biaoxun">
        <div class="biaoxunZs">
            <span class="zhongshi"></span>
            <span class="biaoxunZt">筛选条件</span>
        </div>
        <div style="margin-top: 40px; min-height: 500px ">
            <div>
                <div class="biaoxunTou">公司名称 </div>
                <div style="display: flex; align-items: center;">
                    <el-input class="lookSth" v-model="dataService.input1" placeholder="输入公司名称关键词并从下拉列表中选择公司，查找公司竞争对手" />
                </div>
            </div>
        </div>
    </div>
</template>

<script setup>
import { reactive, ref, onMounted } from "vue";
import { useRadio1Store } from "@/pain/search/search";
const signalsRadio1 = useRadio1Store();
let dataService = reactive({
    input1: '',
})
const dataDs = () => {
    dataService.input1 = ''
}
signalsRadio1.T_ds = dataService
defineExpose({ dataDs,dataService });
onMounted(() => {
});
</script>

<style lang="scss" scoped>
.biaoxun {
    padding: 20px 0 67px 20px;

    .biaoxunZs {
        display: flex;
        margin-bottom: 22px;

        .zhongshi {
            width: 4px;
            height: 16px;
            margin-right: 10px;
            background-color: #6675FF;
            border-radius: 10px;
        }

        .biaoxunZt {
            font-size: 16px;
            color: #333333;
        }
    }

    .biaoxunTou {
        margin-bottom: 15px;
        font-size: 14px;
        color: #333333;
    }

    .lookSth {
        width: 500px;
        margin-right: 15px;
    }


}
</style>